<!DOCTYPE html>

<!-- $Id: placeholder.html 4 2012-04-06 08:42:07Z azbitnev@gmail.com $ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<title>placeholder</title>

<link href="960c12.css" rel="stylesheet" type="text/css"/>

<link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.min.css" rel="stylesheet" type="text/css"/> 
<!--[if IE]><link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.ie.min.css" rel="stylesheet" type="text/css"/><![endif]-->

<link href="../release/themes/grey.min.css" rel="stylesheet" type="text/css"/> 

<script src="http://code.jquery.com/jquery.min.js" charset="utf-8" type="text/javascript"></script>
<script src="../release/jquery.ys.min.js"></script>

<style>

body { margin: 1em; }

</style>

<script>

$(document).ready(function () {

	$.ys.placeholder.create('.ex')

	$('.show-email-val').click(function () { alert($('#email').val()) })
	$('.show-name-val').click(function () { alert($('#name').val()) })
})

</script>

</head>

<body>

	<input id="email" type="text" class="field ex" placeholder="your email here..."/>
	<input id="name" type="text" class="field ex" data-ys-placeholder="and your name here..."/>
	<button class="show-email-val">Show email (val)</button>
	<button class="show-name-val">Show name (val)</button>

</body>